<template>
    <div class="container">
        <trend :upIconColor="color" class="flex"></trend>
        <trend type="DOWN" :downIconColor="downColor"></trend>
        <trend text="销售额"></trend>
        <trend text="销售额">
            <template #default>
                我是默认插槽
            </template>
        </trend>
        <trend text="销售额">
            <template #text>
                我是默认插槽
            </template>
        </trend>
    </div>
</template>

<script lang="ts" setup>
import { ref } from "vue"
const color = ref('#FF1111')
const downColor = ref('blue')
</script>
<style lang="scss" scoped>
.container{
    display: flex;
    text-align: center;
    // .flex{
    //     flex:1
    // }
}
</style>
